<template>
  <div class="not-found">
    <img src="../assets/images/404@2x.png" alt="">
    <div class="btn-wapper">
      <a-button @click="back" class="mt40" type="primary">返回</a-button>
      <a-button @click="reload" class="mt40 ml30">重新登录</a-button>
    </div>
  </div>
</template>

<script>
export default {
  methods: {
    back() {
      this.$router.back(-1);
    },
    reload() {
      window.location.href = `${window.location.origin}/login`;
    },
  },
};
</script>

<style lang="stylus" scoped>
@import "../assets/css/common.stylus"
.not-found
  font-size 40px
  text-align center
  height 100vh
  disflex(column, center, center)
  img
    width 365px
  .btn-wapper
    disflex(row, flex-start, center)
</style>
